/**
 * Created by NiXiaowei on 11/08/2017.
 */

body {
    background: #f5f5f5;
    .complete-teacher {

        height: 100%;
        padding-top: 180px;
        background: url('../static/img/logo.png') no-repeat left 60px;
        background-size: 116px 110px;
        .complete-teacher-main {
            width: 880px;
            margin: 0 auto;
            margin-top: 15px;
            padding: 30px 0;
            background: #fff;
            border-radius: 8px;
            font-size: 18px;
            &:first-child {
                margin-top: 0;
            }
            .title {
                font-size: 24px;
                color: #ff7701;
                text-align: center;
            }
            .title-normal{
                color:#000;
            }
            .tip {
                width: 550px;
                margin: 0 auto;
                margin-top: 10px;
                line-height: 22px;
                font-size: 18px;
                text-align: center;
                color: #999;
            }
            .complete-item {
                font-size: 0;
                margin-top: 20px;
                .item-name {
                    display: inline-block;
                    width: 260px;
                    height: 100%;
                    vertical-align: top;
                    font-size: 18px;
                    span {
                        display: inline-block;
                        float: right;
                        margin-right: 40px;
                        line-height: 40px;
                        i {
                            color: #ff9900;
                        }
                    }
                }
                .complete-contain {
                    display: inline-block;
                    width: 620px;
                    height: 100%;
                    vertical-align: top;
                    .complete {
                        width: 100%;
                        font-size: 0;
                        select,
                        input {
                            height: 40px;
                            width: 490px;
                            line-height: 40px;
                            border: 1px solid #999;
                            border-radius: 5px;
                            font-size: 16px;
                            text-indent: 20px;
                            color: #999;
                        }
                        .address-sel{
                            width: 150px;
                            height: 44px;
                        }
                        .address-inp{
                            width: 290px;
                            margin-left: 50px;
                        }
                        .time-sel{
                            width: 150px;
                        }
                        .time-spa{
                            display: inline-block;
                            width: 100px;
                            height: 40px;
                            line-height: 40px;
                            font-size: 18px;
                            text-align: center;
                        }
                        .time-textarea{
                            margin-top: 20px;
                        }
                        .address-detail-sel{
                            width: 150px;
                        }
                        .address-detail-teatarea{
                            width: 320px;
                            margin-left: 20px;
                        }
                        .pay-select{
                            width: 400px;
                        }
                        .pay-span{
                            display: inline-block;
                            width: 100px;
                            font-size: 18px;
                            text-align: center;
                        }
                        label {
                            display: inline-block;
                            font-size: 18px;
                            width: 150px;
                            line-height: 40px;
                            input {
                                position: relative;
                                top: 2px;
                                width: 18px;
                                height: 18px;
                            }
                        }
                        textarea {
                            height: 150px;
                            width: 490px;
                            line-height: 40px;
                            border: 1px solid #999;
                            border-radius: 5px;
                            font-size: 16px;
                            text-indent: 20px;
                            color: #999;
                            resize: none;
                        }
                    }
                }
            }
        }
        .btns {
            width: 880px;
            margin: 0 auto;
            height: 120px;
            button {
                display: inline-block;
                width: 280px;
                height: 40px;
                float: left;
                margin-top: 40px;
                background-color: #b3b3b3;
                color: #fff;
                border-radius: 40px;
                &:last-child {
                    float: right;
                    background-color: #ff9900;
                }
            }
        }
    }
}
select {
    border: solid 1px #000;
  
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;

    padding-right: 14px;

    background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;

}


select::-ms-expand { display: none; }